<%@page import="cn.qidisoft.edu.hzjt.model.Student"%>
<%@ page language="java" pageEncoding="UTF-8" buffer="16kb"%>
<%@ include file="/base.jsp"%>
<%@ include file="/module/taglibs.jsp"%>
<%@ include file="/module/nocache.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<%@ include file="/module/js.jsp"%>
<%@ include file="/module/orderField.jsp"%>
    <script type="text/javascript" src="${basePath}/js/jquery.Huploadify.js"></script>
    <link href="${basePath}/css/Huploadify.css" rel="stylesheet"></link>
<style>

table label.error {
    margin-left: 5px;
    width: auto;
    display: inline;
    color: red;
}
</style>

<script type="text/javascript">
//图片上传
var file_path = "prefix";
var file_path_one = null;
var fileMap = new Array();
$(function(){
		var up = $('#uploadadd').Huploadify({
			auto:false,
			fileTypeExts:'*.*',
			multi:true,
			formData:{key:123456,key2:'vvvv'},
			fileSizeLimit:99999999999,
			showUploadedPercent:true,
			showUploadedSize:true,
			removeTimeout:9999999,
			uploader : '${basePath}/communityAmateurWorkStudent/source_upload',
			onUploadStart:function(file){
				console.log(file.name+'开始上传');
			},
			onInit:function(obj){
				console.log('初始化');
			},
			onUploadComplete:function(file,data){
				    var fi = $.parseJSON(data);
				    //文件名称
				    var filename = fi.filename;
				    //生成后的文件名
				    var sysFilepath = fi.sysfilepath;
				    //文件路径
				    var filepath = fi.filepath;
				    file_path_one = filename + "," + filepath;
				    file_path = file_path+"|"+filepath;
				    up.filePath=file_path_one;
				    //保存到集合
	                fileMap[file.index]=new Array(file_path_one);
			},
			onCancel:function(file){
				console.log(file.name+'删除成功');
			},
			onClearQueue:function(queueItemCount){
				console.log('有'+queueItemCount+'个文件被删除了');
			},
			onDestroy:function(){
				console.log('destroyed!');
			},
			onSelect:function(file){
				console.log(file.name+'加入上传队列');
			},
			onQueueComplete:function(queueData){
				console.log('队列中的文件全部上传完成',queueData);
			}
		  });	
});

   
//删除图片 
 function deletefile(id){
     	var url = "${basePath}/communityAmateurWorkStudent/deletefile";
		$.ajax({
			type : "POST",
			url : url,
			dataType:"json",
			data:{
				filepath : id
			},
			success : function(data) {
				if(data.success == "0000"){
				    layer.alert("删除数据成功！", {icon: 6});
					var file_name = id.split(",")[0];
					$("#"+file_name+"_hr").parent().parent().remove();
				}else{
					 layer.alert("未写入数据库的文件没有删除！请联系管理员！", {icon: 5});
				}
			}
		})
   } 
</script>	
</head>
<body>

    <form action="#" name="Form" id="Form" method="post">
        <input type="hidden" name="zyid" id="zyid" value="${data.zyid}" />
        <input type="hidden" name="zt" id="zt" value="${data.zt}" />
        <input type="hidden" name="lx" id="lx" value="${data.lx}" />
         <input type="hidden" name="xsid" id="lx" value="${data.xsid}" />
        <input type="hidden" name="xszyid" id="xszyid" value="${data.xszyid}" />
		<table cellpadding="0" cellspacing="0" border="0" class="table-border" width="80%">
			<tr>
				<td class="table-header" colspan="4">业余团校作业</td>
			</tr>
			<%-- <tr>
				<td class="table-titleTD" style="width: 15%"><font style="color: red;">*</font>团校期数:</td>
				<td class="table-contentTD">
			     <select id ="dxid" name="dxid"  class ="selectList  required" style="width: 50%" >
						        <c:forEach items="${list}" var="data1">
									 <option value="${data1.dxid}">${data1.dxqs}</option>
							    </c:forEach>
				 </select>
			</tr> --%>
		     <tr>
						 <td class="table-titleTD" style="width: 30%">附件</td>
						 <td class="table-contentTD" colspan="3">
						      <table>
						            <tr>
						               <td colspan="2">
						                  <div id="uploadadd"></div>
						                </td>
						            </tr>
						         
						           <c:forEach items="${dataList}" var="datalist" varStatus="index">
							           <tr>
						                    <td>
									            [文件] ${datalist.filename}
									         </td>
									         <td>
									               <a href="${basePath}/DownLoadFileServlet?filename=${datalist.filename}&filepath=${datalist.filepath}">下载</a> 
									               <button id="${datalist.fileid}_hr" type="button"  onclick="deleteByPK('${datalist.fileid}');">删除</button>
					                          </td>
						                </tr>
							   	    </c:forEach>
							   </table>
						 </td>
			</tr>
			<tr>
				<td class="table-titleTD" style="width: 30%">创建人:</td>
				<td class="table-contentTD">${data.creatorname}</td>
			</tr>
			<tr>
				<td class="table-titleTD" style="width: 30%">备注:</td>
				<td class="table-contentTD" colspan="3"><textarea style="width: 90%;height: 80px;"  name="bz" id="bz" placeholder="备注"  maxlength="250" >${data.bz}</textarea></td>
			</tr>
		</table>
	</form>
	
	  </br>
	 <table cellpadding="1" cellspacing="1" border="0" align="left">
			<tr>
			    <td><input type="button" id="btnSave" class="inputButton" style="text-align: center;" value="保存"  autocomplete="off"/></td>
				<td><input type="button" id="Cancel" class="inputButton" style="text-align: center;" value="取消"  autocomplete="off"/></td>
				<td><input type="button" id="returnBut" class="inputButton" value="返回" style="text-align: center;" autocomplete="off"/></td>
			</tr>
		</table>
		
		<script>
			$(document).ready(function() {
				var _form=$("#Form").validate();
				$("#btnSave").click(function() {
						if(_form.form()){
							 validateObj();
						}
				});
				
				 function validateObj(){
						    document.Form.action ="${basePath}/communityAmateurWorkStudent/update";
							document.Form.submit();
				 }
				
				
				$("#Cancel").click(function() {
					   window.location.href ="${basePath}/communityAmateurWorkStudent/details?id=${data.xszyid}&zyid=${data.zyid}";
		 		});
				
				$("#returnBut").click(function() {
		 			 window.location.href='${basePath}/communityAmateurWorkStudent/index?zyid=${data.zyid}';
		 		});
			});
			
			//已有的数据进行删除操作
			function deleteByPK(id){
				var action = "${basePath}/communityAmateurWorkStudent/source_upload_update";
			    layer.confirm("您是否删除当前选中数据信息", {icon: 3, title:'提示',skin:'layer-ext-moon'}, function(index){
						$.ajax({
							type : "POST",
							url : action,
							dataType:"json",
							data:{
								 id : id
							},
							success : function(data) {
								if(data.success == "0000"){
									layer.alert('删除数据成功', {icon: 6});
									$("#"+id+"_hr").parent().parent().remove();
								}else{
									layer.alert('未写入数据库的文件没有删除！请联系管理员！', {icon: 5});
								}
							}
						})
				 },function(index){
				    layer.close(index);
			     });
		      }
		</script>
</body>
</html>
